{include file="public/header" /}
<body class="gray-bg">
<div class=" animated fadeInRight">
    <!-- Panel Other -->
    <div class="ibox float-e-margins">
        <div class="ibox-title">
            <h5>管理员列表</h5>
        </div>
        <div class="ibox-content">
            <div class="row row-lg">
            <div class="col-sm-12">
                <div class="row">

                </div>
                <table id="cusTable">
                    <thead>
                        <th data-field="id">ID</th>
                        <th data-field="user_name">用户名</th>
                        <th data-field="nick_name">昵称</th>
                        <th data-field="avatar">头像</th>
                        <th data-field="status">状态</th>
                        <th data-field="create_time">添加时间</th>
                        <th data-field="operate">操作</th>
                    </thead>
                </table>
            </div>
            <!--<div class="example-wrap">-->
                <!--<div class="example">-->
                    <!--<table id="cusTable">-->
                        <!--<thead>-->
                            <!--<th data-field="id">ID</th>-->
                            <!--<th data-field="user_name">用户名</th>-->
                            <!--<th data-field="nick_name">昵称</th>-->
                            <!--<th data-field="avatar">头像</th>-->
                            <!--<th data-field="status">状态</th>-->
                            <!--<th data-field="create_time">添加时间</th>-->
                            <!--<th data-field="operate">操作</th>-->
                        <!--</thead>-->
                    <!--</table>-->
                <!--</div>-->
            <!--</div>-->
        </div>
    </div>
</div>
<!-- End Panel Other -->
{include file="public/footer" /}
<script type="text/javascript">
    function initTable() {
        //先销毁表格
        $('#cusTable').bootstrapTable('destroy');
        //初始化表格,动态从服务器加载数据
        $("#cusTable").bootstrapTable({
            method: "get",  //使用get请求到服务器获取数据
            url: "{:url('admin/index')}", //获取数据的地址
            striped: true,  //表格显示条纹
            toolbar: '#toolbar',              //工具按钮用哪个容器
            showColumns: true,                  //是否显示所有的列（选择显示的列）
            showRefresh: true,                  //是否显示刷新按钮
            clickToSelect: true,                //是否启用点击选中行
            showToggle: true,                   //是否显示详细视图和列表视图的切换按钮
            cardView: false,                    //是否显示详细视图
            pagination: true, //启动分页
            pageSize: 10,  //每页显示的记录数
            pageNumber:1, //当前第几页
            pageList: [5, 10, 15, 20, 25],  //记录数可选列表
            sidePagination: "server", //表示服务端请求
            paginationFirstText: "首页",
            paginationPreText: "上一页",
            paginationNextText: "下一页",
            paginationLastText: "尾页",
            queryParamsType : "undefined",
            queryParams: function queryParams(params) {   //设置查询参数
                var param = {
                    pageNumber: params.pageNumber,
                    pageSize: params.pageSize,
                    searchText:$('#title').val()
                };
                return param;
            },
            onLoadSuccess: function(res){  //加载成功时执行
                if(111 == res.code){
                    window.location.reload();
                }
                layer.load(0, {shade: false,time:1000});
            },
            onLoadError: function(){  //加载失败时执行
                layer.msg("加载数据失败");
            }
        });
    }

    $(document).ready(function () {
        //调用函数，初始化表格
        initTable();

        //当点击查询按钮的时候执行
        $("#search").bind("click", initTable);

    });

    function articleDel(id){
        layer.confirm('确认删除此文章?', {icon: 3, title:'提示'}, function(index){
            //do something
            $.getJSON("{:url('articles/articleDel')}", {'id' : id}, function(res){
                if(1 == res.code){
                    layer.alert(res.msg, {title: '友情提示', icon: 1, closeBtn: 0}, function(){
                        initTable();
                        window.location.reload();

                    });
                }else if(111 == res.code){
                    window.location.reload();
                }else{
                    layer.alert(res.msg, {title: '友情提示', icon: 2});
                }
            });

            layer.close(index);
        })

    }
</script>
</body>
</html>
